<!--<template>-->
<!--  <div class="homeContainer">-->
<!--    <div class="logo">-->
<!--      <img src="../../assets/image/logo_aside.svg" alt="">-->
<!--      <span>Cloud Vendor</span>-->
<!--    </div>-->
<!--    <el-container class="el-container">-->
<!--      <el-aside width="64px" class="el-aside">-->
<!--        <div class="aside_select">-->
<!--          <el-menu default-active="1-4-1" class="el-menu" @open="handleOpen"-->
<!--                   @close="handleClose"-->
<!--                   :collapse="isCollapse">-->
<!--            <el-submenu index="1">-->
<!--              <template slot="title">-->
<!--                <i class="el-icon-location"></i>-->
<!--                <span slot="title">导航一</span>-->
<!--              </template>-->
<!--              <el-menu-item-group>-->
<!--                <span slot="title">分组一</span>-->
<!--                <el-menu-item index="1-1">选项1</el-menu-item>-->
<!--                <el-menu-item index="1-2">选项2</el-menu-item>-->
<!--              </el-menu-item-group>-->
<!--              <el-menu-item-group title="分组2">-->
<!--                <el-menu-item index="1-3">选项3</el-menu-item>-->
<!--              </el-menu-item-group>-->
<!--              <el-submenu index="1-4">-->
<!--                <span slot="title">选项4</span>-->
<!--                <el-menu-item index="1-4-1">选项1</el-menu-item>-->
<!--              </el-submenu>-->
<!--            </el-submenu>-->
<!--            <el-menu-item index="2">-->
<!--              <i class="el-icon-menu"></i>-->
<!--              <span slot="title">导航二</span>-->
<!--            </el-menu-item>-->
<!--            <el-menu-item index="3" disabled>-->
<!--              <i class="el-icon-document"></i>-->
<!--              <span slot="title">导航三</span>-->
<!--            </el-menu-item>-->
<!--            <el-menu-item index="4">-->
<!--              <i class="el-icon-setting"></i>-->
<!--              <span slot="title">导航四</span>-->
<!--            </el-menu-item>-->
<!--          </el-menu>-->
<!--        </div>-->
<!--      </el-aside>-->
<!--      <el-main class="el-main">-->
<!--        <router-view></router-view>-->
<!--      </el-main>-->
<!--    </el-container>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: "MainHome",-->
<!--  data() {-->
<!--    return {-->
<!--      isCollapse: true,-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    // handleOpen(key, keyPath) {-->
<!--    //   console.log(key, keyPath);-->
<!--    // },-->
<!--    // handleClose(key, keyPath) {-->
<!--    //   console.log(key, keyPath);-->
<!--    // },-->
<!--    go_test2() {-->
<!--      this.$router.push("test")-->
<!--    },-->
<!--    test() {-->
<!--      this.$router.push("/")-->
<!--    },-->
<!--  }-->
<!--}-->
<!--</script>-->
<!--<style scoped>-->
<!--.aside_select{-->
<!--  height: 100%;-->
<!--  padding: 0;-->
<!--}-->

<!--.homeContainer {-->
<!--  height: 100%;-->
<!--  width: 100%;-->
<!--  overflow: hidden;-->
<!--}-->

<!--.el-container {-->
<!--  height: 100%;-->
<!--  box-sizing: border-box;-->
<!--}-->

<!--.el-menu {-->
<!--  background-color: #001529;-->
<!--  height: 100%;-->
<!--}-->

<!--.logo {-->
<!--  box-sizing: border-box;-->
<!--  background-color: #001529;-->
<!--  display: flex;-->
<!--  width: 245px;-->
<!--  height: 48px;-->
<!--  padding-top: 3px;-->
<!--  position: relative;-->
<!--  padding-left: 12px;-->
<!--}-->

<!--.logo img {-->
<!--  flex: 2;-->
<!--  width: 30px;-->
<!--  height: 30px;-->
<!--  padding-top: 8px;-->
<!--  padding-right: -50px;-->
<!--  justify-content: flex-end;-->
<!--}-->

<!--.logo span {-->
<!--  padding-left: -10px;-->
<!--  flex: 9;-->
<!--  font-size: 18px;-->
<!--  font-weight: 600;-->
<!--  cursor: pointer;-->
<!--  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-->
<!--  letter-spacing: 1px;-->
<!--  color: white;-->
<!--  font-variant: tabular-nums;-->
<!--  line-height: 48px;-->
<!--  font-feature-settings: "tnum";-->
<!--  justify-content: flex-start;-->
<!--}-->

<!--.el-aside {-->
<!--  height: 100%;-->
<!--  width: 90px;-->
<!--  padding: 0;-->
<!--  /*background-color: #001529;*/-->
<!--}-->
<!--.el-main{-->
<!--  margin:0;-->
<!--  padding: 0;-->
<!--}-->
<!--.aside_select {-->
<!--  background-color: white;-->
<!--}-->
<!--</style>-->
